﻿@model EventSys.BussinesEntities.Participante

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<!-- ################################################################# -->
<script type="text/javascript">

    $(function () {

        $("#idPais").change(function () {
            //alert('Cambiaste el combo = ' + $("#idPais").val());
            LoadDepartamento($(this).val());
            LoadProvincias($(idDepartamento).val());
        });

        $("#idDepartamento").change(function () {
            //alert('Cambiaste el combo = ' + $("#idDepartamento").val());
            LoadProvincias($(idDepartamento).val());
        });
    });

    /**************Este es para los DEPARTAMENTOS *********/
    function LoadDepartamento(id) {
        var dd = document.getElementById("idDepartamento");
        dd.options.length = 0;
        dd.options[0] = new Option("Espere...");
        dd.selectedIndex = 0;
        dd.disabled = true;

        // Control de errores
        $("#idDepartamento").ajaxError(function (event, request, settings) {
            dd.options[0] = new Option("Seleccione un Departamento");
        });

        // Obtenemos los datos...
        $.getJSON(
                '@Url.Action("../Participante/getServiceHijosByIdUbigeoRJSON")', // URL a la acción
					{ idUbigeoR: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
					    $.each(data, function (i, item) {
					        dd.options[i] = new Option(item.label, item.value);
					    });
					    dd.disabled = false;
					});
    }

    // ******************* Esto es para las PROVINCIAS ********************
    function LoadProvincias(id) {
        var dd = document.getElementById("IdUbigeo");

        dd.options.length = 0;
        dd.options[0] = new Option("Espere...");
        dd.selectedIndex = 0;
        dd.disabled = true;

        // Control de errores
        $("#IdUbigeo").ajaxError(function (event, request, settings) {
            dd.options[0] = new Option("Seleccione una Provincia");
        });

        // Obtenemos los datos...
        $.getJSON(
                '@Url.Action("../Participante/getServiceHijosByIdUbigeoRJSON")', // URL a la acción
					{ idUbigeoR: id },                  // Objeto JSON con parámetros
					function (data) {                    // Función de retorno exitoso
					    $.each(data, function (i, item) {
					        dd.options[i] = new Option(item.label, item.value);
					    });
					    dd.disabled = false;
					});
        }

        $(function () {
            $("#codUPN").focusout(function () {
                var cod = $(this).val();
                //alert(dni);
                $.ajax({
                    url: "/Participante/validarCodUPN?cod=" + cod,
                    success: (function (data) {
                        //alert(dni);
                        if (data.existe == true) {
                            alert("El Codigo del Estudiante UPN ya existe");
                            $("#codUPN").focus().select();
                        }
                    })
                })
            })
        })

        $(function () {
            $("#dni").focusout(function () {
                var dni = $(this).val();
                //alert(dni);
                $.ajax({
                    url: "/Participante/validarDni?dni=" + dni,
                    success: (function (data) {
                        //alert(dni);
                        if (data.existe == true) {
                            alert("El DNI ya existe");
                            $("#dni").focus().select();
                        }
                    })
                })
            })
        })

        $(document).ready(function () {
            $("#dni").keydown(function (e) {
                // Permite: backspace, delete, tab, escape, enter and .
                if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
                    // Permite: Ctrl+A -----> para seleccionar todo el texto de la casilla
                    (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Perimite: home, end, left, right
                    (e.keyCode >= 35 && e.keyCode <= 39)) {
                    // deja que suceda todo, no hacer nada
                    return;
                }
                // Se asegura de que se trata de un número y detiene la pulsación de tecla
                if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                    e.preventDefault();
                }
            });
        });



        $(document).ready(function () {
            $("#codUPN").keydown(function (e) {
                // Permite: backspace, delete, tab, escape, enter and .
                if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 ||
                    // Permite: Ctrl+A -----> para seleccionar todo el texto de la casilla
                    (e.keyCode == 65 && e.ctrlKey === true) ||
                    // Perimite: home, end, left, right
                    (e.keyCode >= 35 && e.keyCode <= 39)) {
                    // deja que suceda todo, no hacer nada
                    return;
                }
                // Se asegura de que se trata de un número y detiene la pulsación de tecla
                if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
                    e.preventDefault();
                }
            });
        });
        //////////////////

</script>


<h1>Registrar Nuevo Participante</h1>
<div class="franja_rayas"></div>

<h2 style="color: ActiveBorder;">Registrar Participante</h2>

@*using (Html.BeginForm())
{*@
@using (Html.BeginForm("Create", "Participante", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend></legend>
        <fieldset style="width: 300px; float: left">
            <legend>Datos de Personales</legend>
            @Html.HiddenFor(model => model.idParticipante)
            <table>
                <tr>
                    <td>Codigo UPN:</td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.CodigoUpn, new { id = "codUPN", style = "width: 65px;", minlength = "6", maxlength = "6", })
                            @Html.ValidationMessageFor(model => model.CodigoUpn)
                        </div>
                    </td>

                    <td>DNI: </td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.DNI, new { id = "dni", style = "width: 82px;", minlength = "8", maxlength = "8", })
                            @Html.ValidationMessageFor(model => model.DNI)
                        </div>
                    </td>

                </tr>
                <tr>
                    <td colspan="4" style="height: 10px">
                        <hr />
                    </td>
                </tr>
                <tr>
                    <td>Nombres:</td>
                    <td colspan="3">
                        <div class="editor-field">@Html.TextBoxFor(model => model.Nombres, new { style = "width: 200px;" })
                            @Html.ValidationMessageFor(model => model.Nombres)
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>Apellidos </td>
                    <td colspan="3">
                        <div class="editor-field">@Html.TextBoxFor(model => model.Apellidos, new { style = "width: 200px;" })
                            @Html.ValidationMessageFor(model => model.Apellidos)
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>Email: </td>
                    <td colspan="3">
                        <div class="editor-field">@Html.TextBoxFor(model => model.Email, new { style = "width: 200px;" })
                            @Html.ValidationMessageFor(model => model.Email)
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>Dirección: </td>
                    <td colspan="3">
                        <div class="editor-field">@Html.TextBoxFor(model => model.Direccion, new { style = "width: 200px;" })
                            @Html.ValidationMessageFor(model => model.Direccion)
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>Telefono:  </td>
                    <td colspan="3">
                        <div class="editor-field">@Html.TextBoxFor(model => model.Telefono, new { style = "width: 100px;" })
                            @Html.ValidationMessageFor(model => model.Telefono)
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Pais: </td>

                    <td colspan="3">
                        <div class="editor-field">
                            @Html.DropDownList("idPais")
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Departamento: </td>
                    <td colspan="3">
                        <div class="editor-field">
                            @Html.DropDownList("idDepartamento")
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Ciudad: </td>
                    <td colspan="3">
                        <div class="editor-field">
                            @Html.DropDownList("IdUbigeo")
                            @Html.ValidationMessageFor(model => model.IdUbigeo)
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Contraseña: </td>
                    <td colspan="3">
                        <div class="editor-field">
                            @*<input id="Contraseña1" name="Contraseña" type="password" style="width:160px"/>*@
                            @Html.PasswordFor(model => model.Contraseña)@Html.ValidationMessageFor(model => model.Contraseña)
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Confirmar Contraseña: </td>
                    <td colspan="3">
                        <div class="editor-field">
                            @*<input id="Contraseña2" name="confirPass" type="password" style="width:160px"/>*@
                            @Html.PasswordFor(model => model.confirPass)@Html.ValidationMessageFor(model => model.confirPass)
                        </div>
                    </td>
                </tr>
            </table>
        </fieldset>


        <fieldset style="width: 280px; float: left">
            <legend>Datos de Personales</legend>
            <table>


                <tr>
                    <td>Profesión: </td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.Profesion, new { style = "width: 150px;" })
                            @Html.ValidationMessageFor(model => model.Profesion)
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>Procedencia:</td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.CentroEstudios, new { style = "width: 160px;" })
                            @Html.ValidationMessageFor(model => model.CentroEstudios)
                        </div>
                    </td>
                </tr>
                <tr>

                    <td>Grado: </td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.Grado, new { style = "width: 160px;" })
                            @Html.ValidationMessageFor(model => model.Grado)
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Cargo </td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.Cargo, new { style = "width: 160px;" })
                            @Html.ValidationMessageFor(model => model.Cargo)
                        </div>
                    </td>
                </tr>

                <tr>
                    <td>Centro Laboral: </td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.CentroLaboral, new { style = "width: 160px;" })
                            @Html.ValidationMessageFor(model => model.CentroLaboral)
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>Experiencias: </td>
                    <td>
                        @Html.TextAreaFor(model => model.ExperienciaLaboral)
                        @Html.ValidationMessageFor(model => model.ExperienciaLaboral)
                    </td>
                </tr>

                <tr>
                    <td>Certificaciones:</td>
                    <td>
                        <div class="editor-field">@Html.TextAreaFor(model => model.GradosyCertificaciones, new { style = "width: 160px;" })
                            @Html.ValidationMessageFor(model => model.GradosyCertificaciones)
                        </div>

                    </td>
                </tr>

                <tr>
                    <td>Especialización: </td>
                    <td>
                        @Html.TextAreaFor(model => model.Especializaciones)
                        @Html.ValidationMessageFor(model => model.Especializaciones)
                    </td>
                </tr>

                <tr>
                    <td>Publicaciones:  </td>
                    <td>
                        <div class="editor-field">@Html.TextBoxFor(model => model.Publicaciones, new { style = "width: 160px;" })
                            @Html.ValidationMessageFor(model => model.Publicaciones)
                        </div>
                    </td>
                </tr>
            </table>
        </fieldset>

        <fieldset style="border: 2px groove #ccc; background: #e8eac9; width: 50px; float: right">
            <legend>
                <h2>Foto</h2>
            </legend>

            @*<div style="width: 120px; height: 120px; border: 1px solid">
                para visualizar la imagen*@
            @*<img alt="" src="@Url.Action("Preview", new {file=ViewBag.ImageUploaded})" />
                @if (!string.IsNullOrEmpty(ViewBag.ImageUploaded))
                {
                    <img src="@Url.Action("Preview", new { file = ViewBag.ImageUploaded })" />
                }
            </div>

            <label for="img">Seleccionar imagen:</label>
            <input type="file" name="img" />
            <br />
            <input type="submit" style="color:red"/>*@


            @*Creamos un formulario que contendrá los campos a llenar*@

            <input type="file" name="image" id="image" />

            @*Botón para Mostrar Imagen*@
            @*<input type="submit" name="btnMostrar" id="btnMostrar" value="Mostrar" />*@

            @*<input type="button" value="Mostrar" class="clsMostrar" id="btnMostrar" >*@

            @*}*@



            @*@if (ViewBag.myimage != null)
{
    <img alt="imagen1" src="@Url.Content("~/Content/" + ViewBag.myimage)" />
}*@

            @*<div class="editor-field"> 
            <input type="file" name="image" /> 
        </div> *@

        </fieldset>

    </fieldset>  
    
    <style>
        table /*#detalleInv*/ {
            background: #FDBB30;
            border-radius: 5px;
            border-spacing: 0px;
            border: solid 1px;
        }

            table /*#detalleInv*/ thead {
                background: #232322;
                font-weight: 700;
                color: white;
            }

        #monto {
            width: 50px;
        }

        #idAusp {
            width: 30px;
            background: #FDBB30;
            text-align: center;
            font-weight: 500;
            border: none;
        }
    </style>
    
    
    
    <p>
        <input type="submit" value="Registrar" class="k-button" />
        @*<button id="btnGuardar" type="button">Crear Sector</button> *@
    </p>
    
    
}

<div>
    @Html.ActionLink("Atras", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
